let childrenRoutes=[{
  path:'main',
  name:'main',
  component:()=> import('../views/main/main.vue')
},
{
  path:'user',
  name:'user',
  component:()=> import('../views/user/main.vue')
},
{
  path:'question',
  name:'question',
  component:()=>import('../views/question/main.vue')
}]

export default [
    {
      path: '/',
      name: 'home',
      redirect: '/main',
      component: () => import('../views/Home.vue'),
      children:childrenRoutes
    },
    {
      path: '/about',
      name: 'about',
      // route level code-splitting
      // this generates a separate chunk (about.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
    },
    {
      path:'/sign_in',
      name:'sign_in',
      component:() => import('../views/sign_in.vue')
    },

]

